<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<?php wp_head(); ?>
</head>
<body>

	<header class="container-fluid shadow-sm">
		<nav class="navbar navbar-expand-md bg-light">
			<div class="container-fluid container body-content">

				<a href="<?php bloginfo ('url');?>" class="navbar-brand" rel="home">

					<?php if (get_theme_mod( 'npcink_sections_logo' )) {?>
						<img src="<?php echo get_theme_mod( 'npcink_sections_logo' )?>" width="30" height="30">
						<?php bloginfo ('name');?>
					<?php } else{
						bloginfo ('name'); }
					?>
					
				</a>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse " id="mynavbar">
				<?php
				wp_nav_menu( array(
					'theme_location'    => 'primary',
					'depth'             => 2,
					'container'         => '',
					'container_class'   => '',
					'container_id'      => '',
					'menu_class'        => 'navbar-nav me-auto ',
					'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
					'walker'            => new WP_Bootstrap_Navwalker(),
				) );
				?>
				<form class="d-flex" role="search" method="get" id="searchform" action="<?php home_url()?>" >
					<input class="form-control me-2" type="text" value="<?get_search_query()?>" name="s" id="s" />
					<button class="btn btn-primary" type="submit" id="searchsubmit" value="<?esc_attr__('Search') ?>" />Search</button>
				</form>
				</div>
				
			</div>													
		
		</nav>
	</header>
